//分类的请求
$.get(
  "http://chst.vip:1234/api/getcategorytitle",
  {},
  (res) => {
    let html = "";
    $(res.result).each(function (i, item) {
      html += `  <li ><h4> ${item.title}  ▼</h4> <div titleid=${item.titleId}> </div> </li>     `;
    });
    $("ul").html(html);
  },
  "json"
);
//.............................

// 内部分类的请求;

$(".contenttop").on("click", "li", function () {
  // console.log($(this).find("div").attr("titleid"));
  let titleid = $(this).find("div").attr("titleid");
  $.get(
    "http://chst.vip:1234/api/getcategory",
    { titleid },
    (res) => {
      let html = "";
      // console.log(res);
      $(res.result).each(function (i, item) {
        // console.log($(this));
        html += `<p categoryId='${item.categoryId}'> ${item.category}</p> `;
      });
      console.log();
      //判断如果titleid如果一样 就插入到对应的DIV下
      if (
        $(`.contenttop`).find("div")[titleid].getAttribute("titleid") == titleid
      ) {
        $(`.contenttop`).find("div")[titleid].innerHTML = html;
      }
    },
    "json"
  );
});
//.contenttop 里面的li 添加点击事件
// $(".contenttop").find("div").slideUp(0);
$(".contenttop").on("click", "h4", function () {
  $(this).parents(".contenttop").find("div").finish().slideUp(1000);
  $(this).siblings("div").finish().slideDown(1000);
});
////.contenttop 里面的P 添加点击事件
$(`.contenttop`).on("click", "p", function () {
  location.href = `./brandTitle.html?categoryid=${$(this).attr("categoryid")}`;
});
